<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register</title>
</head>
<body>
<form action="/b" method="post">
    <!--
    label 标签常和input标签一同使用
    通过label的for属性 可以指向input标签的id
    这样,在点击这个label的时候
    对应的input就会自动获取焦点,可以提升用户体验
    -->
    <label for="name">用户名:</label>
    <input id="name" name="username">
    <br>
    <label for="pwd">密码:</label>
    <input id="pwd" name="password" type="password">
    <br>
    性别: <input id="gender-male" type="radio" name="gender" value="male">
    <label for="gender-male">男</label>
    <input id="gender-fe" type="radio" name="gender" value="female">
    <label for="gender-fe">女</label>
    <br>
    爱好:
    <input id="hobby-eat" type="checkbox" value="eat" name="hobby">
    <label for="hobby-eat">吃</label>
    <input id="hobby-drink" type="checkbox" value="drink" name="hobby">
    <label for="hobby-drink">喝</label>
    <input id="hobby-play" type="checkbox" value="play" name="hobby">
    <label for="hobby-play">玩</label>
    <br>
    <input type="submit" value="注册">
</form>
</body>
</html>